<template>
  <view class="content">
    <view class="substance">
      <view v-for="(line, index) in substanceText" :key="index">
        {{ index + 1 }}. {{ line }}
      </view>
    </view>
    <view class="attention">
      注：{{ attentionText }}
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      substanceText: [
        "当用户选择女性摄影师时，为了保证摄影师的安全，将强制要求用户选择包车服务。",
        "每张简修照片费用为X元；每张精修照片的费用为Y元；当选择高端摄影师时，照片费用提N%。",
        "包车中，5座车每公里收费X元，7座车每公里收费Y元，其中包括人工服务费。",
        "时长费用为每小时x元。",
        "当用户需要修改路线时，则需要提供定制服务费。",
        "订单支付定金后，若因用户原因取消订单，定金不退还，定金为订单金额的10%。",
        "当修改路线后，修改后路线相比于之前的路线距离增加了，则需要增加额外的路程费用在包车费用中；若照片增加了，则按照片每张的价格加入到照片费用中；若时长增加了，则按每小时的费用增加到时长费用中，不足一小时的按一小时计算。"
      ],
      attentionText: "当用户修改路线导致路线距离减少，时长减少的情况时，套餐价格不变。"
    };
  }
};
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  min-height: 95vh;
  background-color: #fff;
  padding: 30rpx;
  box-sizing: border-box;
  line-height: 40rpx;
  padding: 50rpx 80rpx;
  font-size: 22rpx;

  .substance {
    line-height: 40rpx;
    font-size: 22rpx;
  }

  .attention {
    line-height: 40rpx;
    font-size: 22rpx;
    color: #FB3D3B;
    margin-top: 30rpx;
  }
}
</style>
